<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <ul>
    <li>100</li>
    <li>80</li>
    <li>39</li>
    <li>98</li>
  </ul>

  <script src="./jquery-3.6.0.js"></script>
  <script>
    // 需求：把li里面的数字加到一起


    // $('li').each() -------------------------------------------
    // let sum = 0;

    // $('li').each(function (index, item) {
    //   // console.log(index); // 每个元素的下标
    //   // console.log(item); // 每个li元素的DOM对象
    //   // console.log($(this)); // $(this) 表示每个li，是jQuery对象
    //   // console.log($(this).text())
    //   sum += Number($(this).text())
    // });

    // console.log(sum);



    // $.each() ------------------------------------------------
    $.each([22, 98, 78, 49], function (index, item) {
      // console.log(index);  // 下标
      // console.log(item); // 每个元素
      // console.log($(this)); // jQuery对象
    })
  </script>

</body>

</html>